<script>
  export default({
    name:"myTest",
    data(){
      return{
        isShow: true
      }
    },
    methods:{
      show(){
        this.isShow = !this.isShow
      }
    }
  })
  import 'animate.css';
</script>

<template>
  <div>
    <button @click="show">显示/影藏</button>
    <transition
        appear
        name="animate__animated animate__bounce"
        enter-active-class="animate__bounceInDown"
        leave-active-class="animate__bounceOutUp"
    >
      <h1 v-show="isShow">我是第三方库实现动画效果</h1>
    </transition>

  </div>
</template>

<style scoped>
  h1{
    background-color: greenyellow;
  }
</style>